<template>
    <div>
      <h1>登录</h1>
      <table class="table">
        <tbody>
            <tr>
            <td>用户名</td>
            <td>
               <input type="text" v-model="data.name">
            </td>
          </tr>
          <tr>
            <td>密码</td>
            <td>
               <input type="text" v-model="data.pos">
            </td>
          </tr>
          <tr>
            <td colspan="2">
                <input type="button" value="登录" @click="login">
            </td>
          </tr>
        </tbody>
         
      </table>  
    </div>
</template>

<script setup lang="ts">
import {ref} from 'vue';
import axios from 'axios';
const data=ref({
    "id": 0,
  "name": "",
  "pos": ""
})
const login=()=>{
       if(data.value.name==""){
        alert("账号不能为空");
        return;
       }
       if(data.value.pos==""){
        alert("密码不能为空");
        return;
       }
       axios.get("https://localhost:7190/api/User/Login",{params:data.value}).then(res=>{
             if(res.data.id>0){
                alert("登录成功");
                return;
             }
             if(res.data.id==-1){
                alert("密码成功");
                return;
             }
             if(res.data.id==-2){
                alert("用户名不存在");
                return;
             }
       })
}
</script>
<style scoped>
</style>
